<head>
  <meta charset=UTF-8>
</head>
<body>
<select name="first" id="first" onchange="change(this.value);">
  <option value="1" selected="selected">中国</option>
  <option value="2">美国</option>
  <option value="3">日本</option>
</select>
<div id="output"></div>
<script type="text/javascript">
  //创建XMLHttpRequest对象
  var xhr = new XMLHttpRequest();
  //事件处理函数，当下拉列表选择改变时，触发该事件
  function change(id)
  {
    //设置请求响应的URL
    var uri = "second.jsp?id=" + id;
    //打开与服务器响应地址的连接
    xhr.open("POST", uri, true);
    //设置请求头
    xhr.setRequestHeader("Content-Type"
      , "application/x-www-form-urlencoded");
    //设置处理响应的回调函数
    xhr.onload = processResponse;
    //发送请求
    xhr.send(null);
  }
  //定义处理响应的回调函数
  function processResponse()
  {
    //如果服务器响应正常
    if (xhr.status == 200)
    {
      //信息已经成功返回，开始处理信息
      var headers = xhr.getAllResponseHeaders();
      //通过告警框输出响应头
      alert("响应头的类型：" + typeof headers + "\n"
        + headers);
      //在页面输出所有响应头
      document.getElementById("output").innerHTML = headers;
    }
    else
    {
      //页面不正常
      window.alert("您所请求的页面有异常。");
    }
  }
</script>
</body>
